<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name='apple-touch-fullscreen' content='yes'>
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="address=no">
	<meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
	<title>物资申请网站</title>
	<meta name="author" content="js代码" />
	<meta name="copyright" content="js代码" />
	<!--导航栏渐变开始-->
	<link rel="stylesheet" href="__STATIC__/home/css/reset.css">
	<link rel="stylesheet" type="text/css" href="__STATIC__/home/css/style.css" />
	<link rel="stylesheet" type="text/css" href="__STATIC__/home/css/swiper3.07.min.css" />
	<link rel="stylesheet" href="__STATIC__/home/css/index.css">
	<script src="__STATIC__/home/js/jquery.js"></script>
	<script src="__STATIC__/home/js/swiper.min.js"></script>
	<style>
		body {
			background-color: #fff;
			height: auto;
		}

		#slide {
			margin: 0 auto;
			margin-top: 50px;
			margin-bottom: 30px;
			width: 96%;
			height: 4rem;
		}

		.onetype_div {
			width: 96%;
			height: auto;
			margin: 0 auto;
		}

		.onetype {
			width: 100%;
			height: 80px;
			border: 1px solid #333;
			margin-bottom: 10px;
		}

		.onetype p {
			height: 100%;
			width: 100%;
			text-align: center;
			line-height: 84px;
			font-size: 25px;
			display: inline-block;
		}

		.beblue {
			background-color: #199ED8;
			color: #fff;
		}

		.export {
			position: absolute;
			top: 0;
			right:5px;
		}
	</style>
	<!--地区参数传值-->

</head>

<body>
	<img class="export" src="__STATIC__/home/img/export.png">
	<!--slide-->
	<div id="slide" class="public-banner">
		<div class="swiper-wrapper">
			<div class="swiper-slide">
				<a href="#">
					<img src="__STATIC__/home/upload/banner1.jpg" />
				</a>
			</div>
			<div class="swiper-slide">
				<a href="#">
					<img src="__STATIC__/home/upload/banner2.jpg" />
				</a>
			</div>
		</div>
		<div class="pagination"></div>
	</div>

	<div class="onetype_div">
		{volist name="onetype_list" id="one"}
		<div class="onetype jump" onetype_id="{$one.onetype_id}">
			<p>{$one.name}</p>
		</div>
		{/volist}
		<div class="onetype noticeJump">
			<p>公告</p>
		</div>
		<div class="onetype checkApply">
			<p>查看申请结果</p>
		</div>
	</div>
	<script src="__STATIC__/home/layui/layui.js" type="text/javascript" charset="utf-8"></script>

	<script language="javascript">
		var mySwiper = new Swiper('.swiper-container', {
			prevButton: '.swiper-button-prev',
			nextButton: '.swiper-button-next',
		})
	</script>
	<script>
		$(document).ready(function () {
			var mySwiper = new Swiper('#slide', {
				autoplay: 5000,
				visibilityFullFit: true,
				loop: true,
				pagination: '.pagination',
			});
		});

		$(".jump").click(function () {
			var onetype_id = $(this).attr("onetype_id");
			$(this).toggleClass("beblue").siblings().removeClass("beblue");
			window.location.href = "/home/second/second?onetype_id=" + onetype_id;
		});


		$(".noticeJump").click(function () {
			$(this).toggleClass("beblue").siblings().removeClass("beblue");
			window.location.href = "/home/notice/notice_list";
		});


		$(".checkApply").click(function () {
			$(this).toggleClass("beblue").siblings().removeClass("beblue");
			window.location.href = "/home/apply/apply_list";
		});

	</script>

</body>

</html>